<h2 class="page-title">首页</h2>
<hr>
<div style="padding-left: 6%;" >
    <div nz-row class="row-div">
      <div nz-col [nzLg]="{ span: 5}" class="square-b">
        <p>项目总数</p>
        <p>{{project.amount}}项</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1}" class="square-b">
        <p>设备总数</p>
        <p>{{project.device}}件</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1 }" class="square-b">
        <p>场景总数</p>
        <p>{{project.scene}}个</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1 }" class="square-b">
        <p>房间总数</p>
        <p>{{project.room}}间</p>
      </div>
    </div>

    <div nz-row class="row-div">
      <div nz-col [nzLg]="{ span: 5}" class="square-c">
        <p>控件总数</p>
        <p>{{project.controler}}个</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1}" class="square-c">
        <p>今日新增</p>
        <p>{{project.new}}个</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1 }" class="square-c">
        <p>工作控件</p>
        <p>{{project.working}}个</p>
      </div>
      <div nz-col [nzLg]="{ span: 5, offset: 1 }" class="square-c">
        <p>异常控件</p>
        <p>{{project.trouble}}个</p>
      </div>
    </div>

    <div nz-row class="row-div">
      <div nz-col [nzLg]="{ span: 11}">
        <p class="title"  style="background-color: #EBC272">通知信息</p>
        <div class="warning-div">
          <p class="message">17：05:添加房间XXX</p>
          <p class="message">17：19:添加设备XX</p>
          <p class="message">今日待添加工程:XXX</p>
          <p class="message">今日待添加控件:XXX</p>
        </div>
      </div>

      <div nz-col [nzLg]="{ span: 11, offset: 1 }">
        <p class="title"  style="background-color: #ED6B75">异常报告</p>
        <div class="warning-div">
          <p class="message">15：22:XXX传感器数据异常</p>
          <p class="message">15：22:XXX房间XX控件故障</p>
        </div>
      </div>
    </div>

</div>
